<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="UTF-8">
        <link rel="stylesheet" href="./static/app.css">
        <title>早起点到</title>
    </head>
    <body scroll="no">
        <div class="cloud-bottom"></div>
        <div class="cloud-float-1"></div>
        <div class="cloud-float-2"></div>
        <div class="cloud-3"></div>

        <h3>早起打卡</h3>
        <div class="tree">
            <img src="./static/bg_tree.png">
        </div>
        <span id="main-text">早起第<span class="day">0</span>日</span>
        <span class="exp-text">经验：<span class="exp">0</span></span>
        <span class="explain-text" onclick="popupDiv('bumb')" id="exp">说明</span>
        <button class="check" id="check">打卡</button>

        <nav id="bumb">
            <header>
                <span>说明</span>
            </header>
            <table>
                <tr class="title">
                    <td>打卡时间</td>
                    <td>经验</td>
                </tr>
                <tr>
                    <td>6:00~6:30</td>
                    <td>50</td>
                </tr>
                <tr>
                    <td>6:30~7:30</td>
                    <td>30</td>
                </tr>
                <tr>
                    <td>7:30~8:30</td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>8:30~9:30</td>
                    <td>10</td>
                </tr>
            </table>
            <p class="intro">起的越早，经验越多哦30天经验累计达到900即可获得小家园神秘礼物一份</p>
            <img class="close" onclick="hideDiv('bumb');" src="./static/close.png" width="34" height="34";>
        </nav>
        
        <nav id="daka" class="daka">
            <header id="head">
            </header>
            <img src="" height="105" width="122.7" class="monster" id="success">
            <p id="date" class="date"></p>
            <p id="mark" class="mark">经验+<span id="score">50</span></p>
            <button class="check enter" onclick="hideDiv('daka')" id="enter">确定</button>
        </nav>
        <script src="./static/Jquery.js"></script>
        <script type="text/javascript" src="./static/app.js"></script>
    </body>
</html>